<template>
  <div class="worldTree">
    <card-1 class="bt" :title="'重新生成'" @click="createTree" />
    <div class="welcomeMat" ref="container">
      <div
        id="circuitree-phase1"
        ref="phase1"
        class="lazy-line"
        style="width: 430px; height: 570px;"
      >
        <svg
          viewBox="0 0 430 570"
          preserveAspectRatio="xMidYMid"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M189.7261,520.2129 L189.7261,515.6349 L198.8831,506.4789 L198.8831,277.5429 L189.7261,268.3849 L189.7261,167.6549 L180.5681,158.4979 L180.5681,135.6039 L156.3271,111.3629 L156.3331,111.3689 C155.5041,112.1979 154.3601,112.7099 153.0951,112.7099 C150.5661,112.7099 148.5161,110.6599 148.5161,108.1309 C148.5161,105.6019 150.5661,103.5519 153.0951,103.5519 C155.6241,103.5519 157.6741,105.6019 157.6741,108.1309 C157.6741,109.3269 157.2151,110.4159 156.4651,111.2319"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 458.864, 458.864; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M162.2539,529.3711 L166.8329,524.7911 L175.9899,524.7911 L180.5689,520.2131 L180.5689,511.0571 L194.3049,497.3201 L194.3049,382.8531 L162.2549,350.8021 L134.7829,350.8021 L125.6249,359.9591 L93.5749,359.9591 L83.0729,370.4611 L83.0759,370.4571 C83.9049,371.2851 84.4169,372.4311 84.4169,373.6951 C84.4169,376.2251 82.3669,378.2731 79.8379,378.2731 C77.3089,378.2731 75.2589,376.2251 75.2589,373.6951 C75.2599,371.1661 77.3099,369.1151 79.8389,369.1151 C81.0349,369.1151 82.1239,369.5741 82.9389,370.3241"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 326.398, 326.398; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M148.5181,515.6348 L162.2541,501.8988 L180.5681,501.8988 L189.7261,492.7398 L189.7261,387.4318 L157.6761,355.3798 L139.3611,355.3798 L130.2041,364.5368 L121.0471,364.5368 L88.9961,392.0088 L88.9961,419.4828 C90.1671,419.4828 91.3391,419.9298 92.2331,420.8218 C94.0211,422.6118 94.0221,425.5118 92.2331,427.3008 C90.4451,429.0878 87.5461,429.0878 85.7581,427.3008 C83.9701,425.5138 83.9691,422.6118 85.7581,420.8218 C86.6041,419.9768 87.6981,419.5308 88.8051,419.4868"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 340.022, 340.022; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M272.1416,529.3672 L267.5636,524.7892 L258.4066,524.7892 L253.8266,520.2092 L253.8266,506.4762 L249.2486,501.8982 L230.9356,501.8982 L221.7796,492.7402 L221.7796,382.8552 L235.5156,369.1192 L258.4106,369.1192 L267.5656,378.2772 L295.0396,378.2772 L308.7736,392.0112 L308.7736,401.1682 L337.5846,429.9802 C338.4126,429.1522 339.5586,428.6402 340.8226,428.6402 C343.3496,428.6402 345.4026,430.6892 345.4006,433.2192 C345.4026,435.7462 343.3516,437.7952 340.8226,437.7952 C338.2936,437.7952 336.2446,435.7462 336.2446,433.2192 C336.2446,432.0212 336.7036,430.9312 337.4536,430.1172"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 364.113, 364.113; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M240.0911,537.3417 L240.0911,529.3687 L230.9351,520.2107 L230.9351,511.0567 L217.2001,497.3207 L217.2001,350.8017 L253.8291,314.1727 L285.8811,314.1727 L295.0381,305.0147 L304.1961,305.0147 L331.6661,277.5427 L340.8251,277.5427 L374.2191,244.1467 C373.3871,243.3227 372.8731,242.1767 372.8731,240.9127 C372.8731,238.3847 374.9221,236.3337 377.4521,236.3347 C379.9831,236.3337 382.0321,238.3837 382.0321,240.9127 C382.0301,243.4417 379.9811,245.4917 377.4521,245.4917 C376.2561,245.4917 375.1651,245.0317 374.3521,244.2817"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 425.804, 425.804; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M221.7774,515.6347 L212.6194,506.4787 L212.6194,337.0667 L230.9334,318.7517 L230.9334,309.5937 L244.6684,295.8597 L244.6684,263.8087 L267.5634,240.9137 C266.3894,240.9137 265.2204,240.4657 264.3244,239.5717 C262.5374,237.7847 262.5354,234.8847 264.3264,233.0967 C266.1154,231.3077 269.0144,231.3087 270.8024,233.0977 C272.5904,234.8857 272.5884,237.7847 270.8014,239.5737 C269.9554,240.4177 268.8584,240.8637 267.7544,240.9087"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 329.858, 329.858; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M194.3035,547.6836 L194.3035,529.3716 L203.4605,520.2126 L203.4605,263.8066 L230.9335,236.3346 C229.7605,236.3346 228.5905,235.8856 227.6955,234.9926 C225.9085,233.2046 225.9085,230.3056 227.6975,228.5166 C229.4865,226.7286 232.3855,226.7296 234.1725,228.5176 C235.9595,230.3066 235.9595,233.2046 234.1725,234.9936 C233.3265,235.8386 232.2285,236.2846 231.1235,236.3296"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 355.105, 355.105; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M208.041,566 L208.041,547.686 L217.198,538.527 L217.198,529.371 L208.041,520.213 L208.041,268.385 L244.67,231.756 L244.67,227.177 L244.668,227.177 C243.497,227.178 242.325,226.73 241.432,225.837 C239.645,224.049 239.643,221.15 241.433,219.361 C243.221,217.573 246.122,217.574 247.911,219.362 C249.696,221.151 249.696,224.049 247.909,225.837 C247.063,226.683 245.967,227.128 244.862,227.174"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 390.164, 390.164; stroke-dashoffset: 0; display: block;"
          ></path>
        </svg>
      </div>
      <div
        id="circuitree-phase2"
        ref="phase2"
        class="lazy-line"
        style="width: 430px; height: 570px;"
      >
        <svg
          viewBox="0 0 430 570"
          preserveAspectRatio="xMidYMid"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M185.1479,359.959 L189.7269,355.38 L189.7269,309.593 L148.5189,268.385 L148.5189,250.07 L125.6249,227.177 L125.6249,218.02 L111.8889,204.284 L107.3099,204.284 L105.9689,202.943 C105.1399,203.772 103.9959,204.284 102.7319,204.284 C100.2029,204.284 98.1529,202.234 98.1529,199.705 C98.1529,197.177 100.2029,195.126 102.7319,195.126 C105.2609,195.126 107.3109,197.177 107.3109,199.705 C107.3109,200.901 106.8519,201.99 106.1019,202.805"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 224.872, 224.872; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5693,387.4333 L153.0973,359.9613 L143.9403,359.9613 L130.2043,373.6953 L130.2043,378.2733 L116.4683,392.0083 L116.4683,419.4823 C117.6403,419.4823 118.8113,419.9293 119.7053,420.8223 C121.4943,422.6113 121.4943,425.5133 119.7053,427.3003 C117.9173,429.0883 115.0183,429.0883 113.2303,427.3003 C111.4423,425.5113 111.4423,422.6113 113.2303,420.8223 C114.0753,419.9763 115.1703,419.5313 116.2773,419.4863"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 147.496, 147.496; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M230.938,382.8552 L240.095,373.6992 L249.252,373.6992 L258.411,382.8552 L276.722,382.8552 L295.036,401.1682 L295.036,414.9022 L310.116,429.9842 C310.942,429.1522 312.086,428.6402 313.352,428.6402 C315.877,428.6402 317.928,430.6892 317.928,433.2192 C317.928,435.7462 315.879,437.7952 313.352,437.7952 C310.823,437.7952 308.772,435.7462 308.772,433.2192 C308.772,432.0212 309.231,430.9312 309.981,430.1172"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 142.906, 142.906; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M244.6724,355.3821 L249.2504,359.9611 L267.5654,359.9611 L272.1434,364.5391 L276.7214,364.5391 L285.8794,355.3821 L308.7724,355.3821 L317.9304,364.5391 L317.9304,373.6951 L328.4324,384.1971 C329.2564,383.3651 330.4024,382.8531 331.6644,382.8531 C334.1934,382.8531 336.2444,384.9021 336.2444,387.4311 C336.2444,389.9601 334.1954,392.0091 331.6664,392.0091 C329.1374,392.0091 327.0864,389.9601 327.0864,387.4311 C327.0864,386.2341 327.5474,385.1461 328.2974,384.3301"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 137.226, 137.226; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M235.5148,350.8001 L249.2488,337.0661 L285.8798,337.0661 L295.0358,346.2211 L304.1928,346.2211 C304.1928,345.0491 304.6408,343.8801 305.5358,342.9841 C307.3228,341.1971 310.2248,341.1951 312.0108,342.9841 C313.7978,344.7731 313.7978,347.6721 312.0108,349.4601 C310.2208,351.2481 307.3228,351.2481 305.5338,349.4601 C304.6888,348.6151 304.2428,347.5191 304.1978,346.4121"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 106.743, 106.743; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M221.7778,337.0664 L249.2488,309.5924 L258.4068,309.5924 L285.8798,282.1204 L290.4578,282.1204 L308.7718,263.8084 L308.7718,236.3364 L299.6138,227.1774 L299.6138,222.5994 C298.4428,222.5994 297.2708,222.1504 296.3778,221.2574 C294.5908,219.4694 294.5888,216.5704 296.3778,214.7824 C298.1668,212.9934 301.0658,212.9944 302.8548,214.7824 C304.6418,216.5714 304.6418,219.4704 302.8548,221.2584 C302.0078,222.1054 300.9148,222.5494 299.8068,222.5944"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 190.924, 190.924; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M189.7261,369.1152 L194.3041,364.5372 L194.3041,282.1192 L175.9901,263.8052 L175.9901,259.2272 L170.0711,253.3082 C169.2421,254.1372 168.0971,254.6482 166.8331,254.6482 C164.3051,254.6482 162.2541,252.6002 162.2551,250.0692 C162.2551,247.5392 164.3051,245.4902 166.8341,245.4902 C169.3631,245.4902 171.4121,247.5412 171.4121,250.0712 C171.4121,251.2662 170.9531,252.3562 170.2021,253.1702"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 156.325, 156.325; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M226.355,369.1152 L230.934,364.5372 L262.985,364.5372 L272.142,373.6952 L276.72,373.6952 L285.877,364.5372 L285.879,364.5372 C285.879,363.3652 286.325,362.1932 287.22,361.3002 C289.008,359.5112 291.909,359.5112 293.696,361.3002 C295.485,363.0882 295.485,365.9882 293.696,367.7752 C291.907,369.5642 289.008,369.5622 287.22,367.7752 C286.374,366.9292 285.929,365.8362 285.883,364.7282"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 97.5918, 97.5918; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M226.3564,359.9603 L226.3564,350.8023 L258.4084,318.7523 L276.7214,318.7523 L285.8794,327.9083 L304.1914,327.9083 L308.7724,323.3283 L340.8224,323.3283 L359.1354,341.6443 C359.1354,340.4713 359.5824,339.3003 360.4794,338.4063 C362.2684,336.6173 365.1664,336.6173 366.9554,338.4063 C367.8184,339.2713 368.2664,340.3943 368.2954,341.5273"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 182.761, 182.761; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M217.1974,323.3277 L212.6204,318.7507 L212.6204,295.8577 L235.5144,272.9637 L235.5144,254.6497 L244.6704,245.4917"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 93.0068, 93.0068; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M221.7814,314.1717 L221.7814,295.8577 L240.0944,277.5437 L240.0944,259.2287 L253.8284,245.4927 L253.8284,231.7567 L264.3304,221.2547 C263.4984,220.4287 262.9864,219.2837 262.9864,218.0197 C262.9864,215.4917 265.0354,213.4407 267.5664,213.4417 C270.0944,213.4417 272.1434,215.4927 272.1434,218.0207 C272.1434,220.5497 270.0934,222.5987 267.5644,222.5987 C266.3694,222.5997 265.2774,222.1387 264.4634,221.3887"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 139.123, 139.123; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M217.1978,208.8618 L217.1978,190.5478 L230.9338,176.8118 L230.9338,153.9178 L232.2748,152.5768 C231.4478,151.7488 230.9338,150.6038 230.9338,149.3388 C230.9338,146.8108 232.9838,144.7608 235.5128,144.7608 C238.0418,144.7608 240.0908,146.8108 240.0908,149.3388 C240.0908,151.8678 238.0418,153.9178 235.5128,153.9178 C234.3158,153.9178 233.2278,153.4598 232.4128,152.7088"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 91.1111, 91.1111; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M185.1479,295.8574 L153.0969,263.8064 L153.0969,245.4914 L130.2039,222.5974 L130.2039,185.9684 L121.0469,176.8114 L121.0469,163.0744 L119.6849,161.7134 L119.7059,161.7344 C118.8769,162.5644 117.7319,163.0754 116.4679,163.0754 C113.9389,163.0754 111.8889,161.0254 111.8889,158.4964 C111.8889,155.9674 113.9389,153.9184 116.4679,153.9184 C118.9959,153.9184 121.0469,155.9674 121.0469,158.4964 C121.0469,159.6924 120.5879,160.7814 119.8379,161.5964"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 189.872, 189.872; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M198.8843,259.228 L194.3053,254.649 L194.3053,163.075 L189.7273,158.496 L189.7273,135.602 L162.2553,108.13 L162.2553,89.817 L151.7563,79.319 C150.9273,80.148 149.7833,80.66 148.5183,80.66 C145.9893,80.66 143.9393,78.61 143.9403,76.081 C143.9403,73.553 145.9893,71.503 148.5183,71.503 C151.0473,71.503 153.0973,73.552 153.0973,76.081 C153.0973,77.278 152.6383,78.367 151.8883,79.182"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 228.013, 228.013; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M203.4629,250.0698 L198.8839,245.4908 L198.8839,158.4958 L194.3049,153.9168 L194.3049,121.8668 L183.8029,111.3638 L183.8069,111.3688 C182.9779,112.1978 181.8339,112.7098 180.5689,112.7098 C178.0399,112.7098 175.9899,110.6598 175.9899,108.1308 C175.9899,105.6018 178.0399,103.5518 180.5679,103.5518 C183.0979,103.5518 185.1469,105.6018 185.1479,108.1308 C185.1479,109.3268 184.6889,110.4158 183.9389,111.2318"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 175.44, 175.44; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M208.041,227.1768 L221.778,213.4408 L221.778,195.1258 L235.513,181.3898 L235.513,163.0758 L244.67,153.9178 L244.67,144.7608 L230.934,131.0248 L230.934,112.7098 L235.513,108.1308 C234.34,108.1308 233.168,107.6838 232.274,106.7898 C230.487,105.0018 230.487,102.1028 232.275,100.3148 C234.063,98.5258 236.963,98.5268 238.75,100.3148 C240.54,102.1028 240.538,105.0018 238.75,106.7898 C237.905,107.6358 236.812,108.0818 235.704,108.1268"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 170.387, 170.387; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M185.1463,286.6996 L157.6743,259.2276 L157.6743,240.9126 L162.2533,236.3346 C161.0813,236.3346 159.9103,235.8866 159.0163,234.9926 C157.2283,233.2056 157.2263,230.3066 159.0173,228.5176 C160.8043,226.7296 163.7033,226.7296 165.4923,228.5186 C167.2813,230.3086 167.2803,233.2056 165.4913,234.9946 C164.6473,235.8396 163.5513,236.2856 162.4453,236.3306"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 92.2242, 92.2242; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M208.0442,236.3348 L226.3582,218.0198 L226.3582,199.7038 L240.0942,185.9678 L240.0942,181.3888 L249.2502,172.2318 L259.7292,172.2318 C258.8822,171.4008 258.3692,170.2558 258.3692,168.9908 C258.3692,166.4618 260.4182,164.4128 262.9482,164.4128 C265.4762,164.4118 267.5262,166.4628 267.5282,168.9918 C267.5262,171.5198 265.4762,173.5708 262.9482,173.5708 C261.7502,173.5708 260.6622,173.1118 259.8472,172.3618"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 120.247, 120.247; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M208.041,218.02 L208.041,199.706 L212.62,195.127 L212.62,181.39 C211.448,181.39 210.276,180.943 209.382,180.049 C207.594,178.261 207.594,175.361 209.382,173.573 C210.238,172.718 211.348,172.272 212.469,172.235"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 52.7631, 52.7631; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5693,204.2837 L175.9903,199.7047 L175.9903,181.3897 L177.3313,180.0487 L177.3323,180.0487 C176.5033,179.2197 175.9903,178.0757 175.9903,176.8107 C175.9903,174.2817 178.0403,172.2317 180.5693,172.2317 C183.0983,172.2317 185.1483,174.2817 185.1483,176.8107 C185.1483,179.3397 183.0983,181.3887 180.5693,181.3887 C179.3733,181.3887 178.2843,180.9307 177.4693,180.1797"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 55.2722, 55.2722; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M258.4111,327.9121 L262.9891,323.3321 L272.1441,323.3321 L281.3011,332.4901 L308.7741,332.4901 L313.3541,327.9121 L336.2481,327.9121 L345.4051,337.0701 L345.4051,341.6481 L359.1371,355.3821 L368.2951,355.3821 L397.1101,384.1931 C397.9381,383.3651 399.0811,382.8531 400.3441,382.8531 C402.8731,382.8531 404.9241,384.9021 404.9241,387.4311 C404.9241,389.9601 402.8751,392.0091 400.3461,392.0091 C397.8171,392.0091 395.7681,389.9601 395.7681,387.4311 C395.7681,386.2341 396.2271,385.1461 396.9771,384.3301"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 200.858, 200.858; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M157.6763,286.6997 L143.9403,272.9637 L143.9403,254.6497 L121.0463,231.7557 L121.0463,222.5977 L116.4673,218.0187 L98.1523,218.0187 L84.4163,204.2837 L79.8373,204.2837 C79.8373,205.4557 79.3903,206.6277 78.4963,207.5217 C76.7083,209.3097 73.8093,209.3097 72.0213,207.5217 C70.2333,205.7327 70.2333,202.8347 72.0213,201.0457 C73.8093,199.2577 76.7083,199.2577 78.4963,201.0457 C79.3423,201.8917 79.7883,202.9857 79.8333,204.0937"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 156.653, 156.653; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M157.6763,327.9082 L153.0973,332.4862 L102.7323,332.4862 L93.5753,323.3282 L38.6303,323.3282 L24.8943,337.0662 L11.1583,337.0662 C11.1583,338.2362 10.7113,339.4102 9.8173,340.3022 C8.0293,342.0892 5.1303,342.0892 3.3413,340.3022 C1.5533,338.5132 1.5533,335.6132 3.3413,333.8242 C5.1303,332.0372 8.0293,332.0372 9.8173,333.8242 C10.6633,334.6732 11.1093,335.7652 11.1543,336.8742"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 186.484, 186.484; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5693,350.8018 L180.5693,337.0668 L162.2553,318.7528 L153.0973,318.7528 L143.9403,327.9078 L107.3103,327.9078 L98.1523,318.7528 L34.0513,318.7528 L9.8163,294.5158 C8.9873,295.3448 7.8433,295.8578 6.5783,295.8578 C4.0503,295.8578 2.0003,293.8088 2.0003,291.2798 C2.0003,288.7518 4.0503,286.7008 6.5783,286.7008 C9.1073,286.7008 11.1573,288.7508 11.1573,291.2798 C11.1573,292.4748 10.6983,293.5648 9.9483,294.3808"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 238.279, 238.279; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5681,318.751 L171.4111,309.593 L139.3601,309.593 L116.4671,286.7 L116.4671,277.543 L111.8881,272.964 C110.7161,272.965 109.5451,272.517 108.6511,271.622 C106.8621,269.835 106.8611,266.936 108.6521,265.147 C110.4391,263.358 113.3391,263.359 115.1261,265.148 C116.9151,266.936 116.9141,269.836 115.1261,271.624 C114.2811,272.469 113.1851,272.914 112.0791,272.96"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 121.594, 121.594; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5671,327.9087 L166.8311,314.1737 L148.5161,314.1737 L139.3591,323.3277 L125.6231,323.3277 L102.7301,300.4357 L93.5731,300.4357 L84.4151,291.2797 L84.4151,268.3837 L90.3381,262.4617 C89.5061,261.6357 88.9951,260.4907 88.9951,259.2267 C88.9951,256.6977 91.0441,254.6477 93.5741,254.6487 C96.1031,254.6487 98.1521,256.6987 98.1521,259.2277 C98.1521,261.7577 96.1021,263.8067 93.5731,263.8067 C92.3781,263.8067 91.2871,263.3467 90.4741,262.5967"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 178.759, 178.759; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M213.9609,276.1997 C213.1309,275.3717 212.6199,274.2257 212.6199,272.9627 C212.6199,270.4347 214.6689,268.3837 217.1999,268.3847 C219.7279,268.3847 221.7779,270.4357 221.7779,272.9647 C221.7759,275.4927 219.7269,277.5417 217.1979,277.5417 C216.0029,277.5427 214.9119,277.0827 214.0979,276.3327"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 28.5823, 28.5823; stroke-dashoffset: 0; display: block;"
          ></path>
        </svg>
      </div>
      <div
        id="circuitree-phase3"
        ref="phase3"
        class="lazy-line"
        style="width: 430px; height: 570px;"
      >
        <svg
          viewBox="0 0 430 570"
          preserveAspectRatio="xMidYMid"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M162.2539,382.8535 L153.0959,392.0085 L153.0959,405.7465 L159.0159,411.6665 C159.8439,410.8355 160.9889,410.3245 162.2529,410.3245 C164.7819,410.3245 166.8319,412.3745 166.8319,414.9025 C166.8319,417.4315 164.7819,419.4825 162.2539,419.4825 C159.7249,419.4805 157.6749,417.4315 157.6749,414.9025 C157.6749,413.7075 158.1339,412.6175 158.8839,411.8005"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 63.644, 63.644; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M121.0459,373.6953 L121.0459,378.2733 L107.3099,392.0073 C108.4809,392.0073 109.6529,392.4533 110.5469,393.3473 C112.3349,395.1353 112.3349,398.0353 110.5469,399.8243 C108.7579,401.6133 105.8599,401.6133 104.0719,399.8263 C102.2839,398.0373 102.2829,395.1373 104.0719,393.3493 C104.9169,392.5033 106.0119,392.0583 107.1189,392.0113"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 52.5868, 52.5868; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M166.833,332.4863 L162.254,337.0663 L125.624,337.0663 L119.704,342.9863 L119.705,342.9863 C120.533,343.8143 121.046,344.9613 121.046,346.2223 C121.046,348.7513 118.996,350.8013 116.467,350.8013 C113.938,350.8013 111.888,348.7533 111.887,346.2233 C111.888,343.6953 113.938,341.6443 116.467,341.6443 C117.663,341.6443 118.752,342.1033 119.567,342.8533"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 80.0616, 80.0616; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M98.1523,337.0664 L88.9963,327.9084 L61.5233,327.9084 L52.3653,337.0664 L52.3653,364.5374 L28.1303,388.7714 L28.1313,388.7714 C28.9603,389.5994 29.4723,390.7464 29.4723,392.0064 C29.4723,394.5354 27.4223,396.5874 24.8933,396.5874 C22.3643,396.5874 20.3143,394.5354 20.3143,392.0064 C20.3153,389.4804 22.3653,387.4284 24.8943,387.4284 C26.0893,387.4284 27.1793,387.8884 27.9943,388.6384"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 143.702, 143.702; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M85.894,345.0146 C86.709,345.7646 87.798,346.2246 88.995,346.2246 C91.524,346.2246 93.574,344.1736 93.574,341.6466 C93.574,339.1176 91.524,337.0686 88.995,337.0686 C86.466,337.0686 84.416,339.1176 84.416,341.6466 C84.416,342.9106 84.928,344.0546 85.757,344.8826 L66.102,364.5366 L66.102,382.8516 L47.787,401.1636 L46.446,402.5056 C47.275,403.3336 47.787,404.4806 47.787,405.7426 C47.787,408.2716 45.737,410.3206 43.208,410.3206 C40.68,410.3206 38.63,408.2716 38.629,405.7426 C38.629,403.2146 40.679,401.1636 43.208,401.1636 C44.404,401.1636 45.493,401.6226 46.308,402.3726"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 131.069, 131.069; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M43.3989,337.0622 C44.5059,337.0162 45.5999,336.5702 46.4459,335.7252 C48.2349,333.9372 48.2349,331.0372 46.4459,329.2482 C44.6579,327.4622 41.7599,327.4622 39.9709,329.2502 C38.1829,331.0372 38.1829,333.9372 39.9709,335.7242 C40.8649,336.6192 42.0369,337.0662 43.2089,337.0662 L43.2089,346.2222 L18.9749,370.4572 C19.8039,371.2852 20.3159,372.4282 20.3159,373.6952 C20.3159,376.2202 18.2659,378.2732 15.7369,378.2732 C13.2079,378.2732 11.1579,376.2222 11.1579,373.6952 C11.1579,371.1662 13.2079,369.1152 15.7369,369.1152 C16.9329,369.1152 18.0219,369.5742 18.8369,370.3242"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 100.594, 100.594; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M111.8892,318.751 L107.3102,314.173 L88.9962,314.173 L70.6812,295.857 L66.1022,295.857 L47.7872,277.545 C46.6152,277.545 45.4432,277.098 44.5502,276.204 C42.7622,274.416 42.7622,271.516 44.5502,269.728 C46.3382,267.94 49.2372,267.94 51.0252,269.728 C52.8142,271.516 52.8142,274.416 51.0252,276.204 C50.1792,277.05 49.0852,277.495 47.9782,277.541"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 109.753, 109.753; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M65.9121,305.0195 C64.8051,305.0645 63.7111,305.5095 62.8651,306.3555 C61.0761,308.1445 61.0761,311.0435 62.8651,312.8325 C64.6531,314.6195 67.5521,314.6195 69.3401,312.8325 C71.1281,311.0445 71.1281,308.1445 69.3401,306.3555 C68.4451,305.4615 67.2741,305.0145 66.1021,305.0145 L47.7871,286.6995 L34.0511,286.6995 L18.9571,271.6055 L18.9741,271.6225 C18.1451,272.4505 17.0001,272.9645 15.7361,272.9645 C13.2081,272.9645 11.1581,270.9155 11.1571,268.3855 C11.1571,265.8565 13.2071,263.8065 15.7361,263.8065 C18.2651,263.8065 20.3151,265.8555 20.3151,268.3855 C20.3151,269.5815 19.8561,270.6705 19.1061,271.4865"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 118.178, 118.178; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M153.0972,369.1152 L153.0972,382.8512 L143.9402,392.0072 L143.9402,414.9022 C145.1112,414.9022 146.2832,415.3492 147.1772,416.2422 C148.9652,418.0312 148.9652,420.9312 147.1772,422.7192 C145.3892,424.5082 142.4902,424.5082 140.7022,422.7202 C138.9142,420.9312 138.9142,418.0312 140.7022,416.2422 C141.5482,415.3982 142.6432,414.9532 143.7492,414.9062"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 78.1644, 78.1644; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M240.0942,392.0092 L253.8282,405.7462 L253.8282,410.3242 C255.0002,410.3242 256.1722,410.7712 257.0662,411.6642 C258.8542,413.4532 258.8542,416.3532 257.0662,418.1402 C255.2782,419.9302 252.3772,419.9302 250.5902,418.1422 C248.8032,416.3532 248.8032,413.4532 250.5902,411.6642 C251.4362,410.8182 252.5322,410.3732 253.6382,410.3262"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 52.5898, 52.5898; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M240.0945,382.8553 L249.2505,392.0103 L258.4085,392.0103 L267.5645,401.1683 L267.5645,419.4823 C268.7365,419.4823 269.9065,419.9293 270.8015,420.8223 C272.5905,422.6113 272.5905,425.5133 270.8015,427.3003 C269.0145,429.0883 266.1135,429.0883 264.3265,427.3003 C262.5375,425.5113 262.5375,422.6113 264.3265,420.8223 C265.1725,419.9763 266.2685,419.5313 267.3735,419.4863"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 81.9567, 81.9567; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M249.2485,382.8535 L253.8265,387.4305 L267.5625,387.4305 L273.4865,393.3535 L273.4815,393.3495 C274.3105,392.5215 275.4555,392.0085 276.7195,392.0085 C279.2465,392.0085 281.2985,394.0605 281.2975,396.5885 C281.2985,399.1175 279.2465,401.1665 276.7195,401.1665 C274.1905,401.1665 272.1415,399.1155 272.1415,396.5875 C272.1415,395.3915 272.6015,394.3025 273.3515,393.4885"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 57.1737, 57.1737; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M308.9613,373.6919 C310.0723,373.6449 311.1643,373.2009 312.0103,372.3539 C313.7973,370.5669 313.7973,367.6669 312.0103,365.8779 C310.2253,364.0899 307.3223,364.0899 305.5353,365.8779 C303.7463,367.6669 303.7463,370.5669 305.5353,372.3539 C306.4283,373.2489 307.6003,373.6949 308.7723,373.6949 L308.7723,378.2739 L336.2443,405.7459 L354.5593,405.7459 L365.0573,416.2439 C365.8853,415.4159 367.0313,414.9019 368.2933,414.9019 C370.8223,414.9019 372.8733,416.9529 372.8733,419.4829 C372.8733,422.0099 370.8223,424.0609 368.2953,424.0609 C365.7663,424.0609 363.7153,422.0099 363.7153,419.4829 C363.7153,418.2849 364.1743,417.1969 364.9243,416.3809"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 133.761, 133.761; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M327.0868,355.1934 C327.0398,354.0854 326.5938,352.9904 325.7488,352.1444 C323.9618,350.3574 321.0608,350.3574 319.2738,352.1444 C317.4848,353.9324 317.4848,356.8324 319.2738,358.6214 C321.0608,360.4084 323.9618,360.4084 325.7488,358.6214 C326.6428,357.7254 327.0898,356.5544 327.0888,355.3824 L345.4048,355.3834 L354.5608,364.5414 L354.5608,378.2774 L368.2958,392.0104 L382.0318,392.0104 L387.9518,397.9314 C388.7798,397.1034 389.9238,396.5904 391.1878,396.5904 C393.7148,396.5904 395.7678,398.6404 395.7678,401.1684 C395.7678,403.6974 393.7168,405.7464 391.1898,405.7464 C388.6608,405.7464 386.6098,403.6974 386.6098,401.1684 C386.6098,399.9704 387.0688,398.8814 387.8188,398.0684"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 143.699, 143.699; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M304.1914,318.749 L363.7134,318.749 L386.6094,341.645 L414.0804,341.645 C414.0804,340.471 414.5294,339.3 415.4224,338.406 C417.2094,336.617 420.1114,336.617 421.8994,338.406 C423.6884,340.195 423.6884,343.094 421.8994,344.882 C420.1094,346.67 417.2094,346.67 415.4224,344.882 C414.5764,344.035 414.1314,342.941 414.0864,341.834"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 147.962, 147.962; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M317.9326,309.5924 L327.0886,300.4354 L368.2956,300.4354 L377.4536,309.5924 L395.7686,309.5924 L404.9246,318.7514 L418.6606,318.7514 C418.6606,317.5784 419.1076,316.4084 420.0006,315.5134 C421.7896,313.7244 424.6896,313.7244 426.4776,315.5134 C428.2666,317.3014 428.2666,320.2014 426.4776,321.9884 C424.6896,323.7774 421.7896,323.7774 420.0006,321.9884 C419.1546,321.1424 418.7116,320.0474 418.6646,318.9414"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 140.695, 140.695; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M290.4593,318.7488 L299.6153,309.5908 L308.7723,309.5908 L322.5083,295.8578 L354.5593,295.8578 L368.2953,282.1198 L391.1903,282.1198 L400.3463,291.2798 L409.5023,291.2798 C409.5023,290.1078 409.9493,288.9358 410.8443,288.0408 C412.6313,286.2528 415.5313,286.2528 417.3213,288.0408 C419.1083,289.8278 419.1083,292.7288 417.3213,294.5158 C415.5313,296.3048 412.6313,296.3048 410.8443,294.5158 C409.9983,293.6708 409.5533,292.5738 409.5083,291.4678"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 166.598, 166.598; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M281.3003,305.0146 L295.0353,291.2796 L299.6133,291.2796 L313.3523,277.5446 L317.9263,277.5446 L331.6623,263.8086 L331.6623,254.6516 L354.5573,231.7576 L354.5553,231.7576 C353.3833,231.7576 352.2113,231.3106 351.3213,230.4166 C349.5333,228.6286 349.5313,225.7296 351.3213,223.9416 C353.1103,222.1526 356.0083,222.1526 357.7973,223.9416 C359.5843,225.7306 359.5843,228.6286 357.7973,230.4176 C356.9493,231.2636 355.8563,231.7076 354.7483,231.7526"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 137.548, 137.548; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M262.9849,291.2793 L276.7199,277.5433 L285.8779,277.5433 L299.6139,263.8073 L299.6139,254.6503 L299.6119,254.6503 C298.4389,254.6503 297.2679,254.2013 296.3759,253.3083 C294.5889,251.5213 294.5869,248.6193 296.3759,246.8333 C298.1649,245.0443 301.0629,245.0453 302.8519,246.8333 C304.6389,248.6203 304.6389,251.5203 302.8519,253.3093 C302.0049,254.1543 300.9109,254.6003 299.8039,254.6453"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 85.7499, 85.7499; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M272.1421,305.0146 L290.4571,286.7006 L295.0361,286.7006 L317.9281,263.8066 L317.9281,245.4916 L331.6641,231.7556 L331.6641,222.5976 C330.4931,222.5986 329.3211,222.1496 328.4281,221.2566 C326.6411,219.4696 326.6391,216.5696 328.4281,214.7816 C330.2151,212.9926 333.1161,212.9936 334.9051,214.7816 C336.6921,216.5706 336.6921,219.4696 334.9051,221.2576 C334.0571,222.1036 332.9631,222.5486 331.8561,222.5936"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 138.338, 138.338; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M253.8282,300.436 L253.8282,282.121 L259.7522,276.198 C258.9202,275.373 258.4082,274.228 258.4082,272.964 C258.4082,270.436 260.4572,268.385 262.9872,268.386 C265.5172,268.385 267.5662,270.436 267.5662,272.965 C267.5652,275.493 265.5142,277.543 262.9872,277.543 C261.7892,277.543 260.6992,277.083 259.8862,276.333"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 55.2746, 55.2746; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M134.7819,314.1744 L125.6239,314.1744 L102.7309,291.2794 C101.5579,291.2794 100.3869,290.8304 99.4929,289.9374 C97.7049,288.1504 97.7039,285.2514 99.4939,283.4614 C101.2809,281.6734 104.1809,281.6744 105.9689,283.4624 C107.7569,285.2524 107.7569,288.1504 105.9679,289.9394 C105.1239,290.7854 104.0269,291.2304 102.9219,291.2734"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 70.1192, 70.1192; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M143.9382,300.4357 L134.7802,291.2797 L134.7802,282.1207 C133.6082,282.1207 132.4372,281.6737 131.5432,280.7797 C129.7552,278.9917 129.7532,276.0927 131.5442,274.3037 C133.3322,272.5157 136.2312,272.5167 138.0192,274.3047 C139.8072,276.0927 139.8072,278.9927 138.0192,280.7807 C137.1742,281.6257 136.0782,282.0717 134.9722,282.1167"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 50.6923, 50.6923; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M88.996,305.0149 L75.258,291.2789 L75.258,259.2279 L66.101,250.0699 C64.927,250.0709 63.757,249.6229 62.863,248.7289 C61.074,246.9419 61.073,244.0429 62.863,242.2539 C64.651,240.4659 67.55,240.4659 69.338,242.2549 C71.126,244.0439 71.126,246.9429 69.337,248.7309 C68.493,249.5759 67.397,250.0219 66.291,250.0669"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 93.0123, 93.0123; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M359.1431,341.834 C359.1881,342.939 359.6331,344.035 360.4791,344.882 C362.2661,346.669 365.1661,346.669 366.9561,344.882 C367.8521,343.988 368.2951,342.816 368.2951,341.645 L377.4521,341.645 L382.0321,346.223 L395.7681,346.223 L410.8421,361.3 L410.8441,361.3 C411.6721,360.472 412.8191,359.959 414.0811,359.959 C416.6101,359.959 418.6611,362.009 418.6611,364.537 C418.6611,367.066 416.6101,369.115 414.0811,369.115 C411.5531,369.115 409.5021,367.066 409.5021,364.537 C409.5021,363.342 409.9611,362.253 410.7111,361.438"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 93.4676, 93.4676; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M340.8185,286.51 C340.7735,285.402 340.3285,284.308 339.4825,283.462 C337.6935,281.674 334.7935,281.674 333.0065,283.462 C331.2175,285.25 331.2175,288.15 333.0065,289.937 C334.7935,291.725 337.6935,291.725 339.4805,289.937 C340.3755,289.044 340.8225,287.871 340.8225,286.701 L345.4025,286.701 L368.2955,263.807 L386.6095,263.807 L392.5335,257.884 C391.7015,257.06 391.1895,255.914 391.1895,254.65 C391.1895,252.122 393.2385,250.071 395.7685,250.072 C398.2955,250.071 400.3465,252.121 400.3465,254.65 C400.3445,257.179 398.2955,259.229 395.7685,259.229 C394.5705,259.229 393.4805,258.769 392.6665,258.019"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 120.811, 120.811; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M103.9409,233.2349 C103.1909,234.0499 102.7319,235.1389 102.7319,236.3359 C102.7319,238.8649 104.7819,240.9139 107.3109,240.9139 C109.8399,240.9139 111.8899,238.8649 111.8899,236.3359 C111.8899,233.8069 109.8399,231.7569 107.3109,231.7569 C106.0459,231.7569 104.9019,232.2689 104.0729,233.0979 L104.0759,233.0999 L98.1529,227.1779 L79.8379,227.1779 L52.3659,199.7049 L43.2089,199.7049 L32.7109,189.2069 C31.8819,190.0359 30.7369,190.5479 29.4729,190.5479 C26.9449,190.5479 24.8949,188.4979 24.8949,185.9689 C24.8949,183.4399 26.9449,181.3899 29.4729,181.3899 C32.0019,181.3899 34.0519,183.4399 34.0519,185.9689 C34.0519,187.1649 33.5939,188.2539 32.8429,189.0689"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 146.716, 146.716; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M143.9399,218.02 L143.9399,208.863 L139.3609,204.284 L139.3609,185.97 C138.1889,185.97 137.0179,185.523 136.1229,184.629 C134.3349,182.841 134.3349,179.942 136.1229,178.153 C137.9109,176.365 140.8109,176.365 142.5979,178.153 C144.3869,179.942 144.3869,182.841 142.5979,184.629 C141.7519,185.475 140.6579,185.921 139.5509,185.966"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 62.531, 62.531; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M121.0459,204.2837 L116.4669,199.7047 L116.4669,185.9687 L92.2329,161.7347 C91.4039,162.5637 90.2589,163.0757 88.9949,163.0757 C86.4659,163.0757 84.4159,161.0257 84.4159,158.4967 C84.4159,155.9677 86.4659,153.9177 88.9949,153.9177 C91.5239,153.9177 93.5739,155.9677 93.5739,158.4967 C93.5739,159.6927 93.1149,160.7817 92.3649,161.5967"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 83.0678, 83.0678; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M221.7778,176.812 L221.7778,144.762 L226.3548,140.183 L226.3548,117.29 L221.7778,112.711 L221.7778,89.817 L212.6198,80.659 L212.6198,76.081 C211.4478,76.081 210.2758,75.634 209.3818,74.74 C207.5938,72.952 207.5938,70.053 209.3818,68.265 C211.1708,66.476 214.0698,66.477 215.8578,68.265 C217.6458,70.053 217.6458,72.952 215.8578,74.74 C215.0118,75.586 213.9178,76.032 212.8108,76.077"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 136.898, 136.898; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M125.6291,254.8397 C125.6741,255.9477 126.1201,257.0417 126.9661,257.8877 C128.7541,259.6757 131.6531,259.6757 133.4421,257.8877 C135.2301,256.0997 135.2301,253.2007 133.4421,251.4117 C131.6531,249.6237 128.7541,249.6237 126.9661,251.4117 C126.0721,252.3057 125.6251,253.4787 125.6251,254.6497 L111.8881,254.6497 L93.5741,236.3357 L79.8381,236.3357 L66.1021,222.5987 L24.8941,222.5987 C24.8941,223.7717 24.4481,224.9427 23.5531,225.8367 C21.7661,227.6257 18.8661,227.6257 17.0781,225.8367 C15.2901,224.0487 15.2901,221.1497 17.0781,219.3617 C18.8661,217.5727 21.7651,217.5727 23.5531,219.3617 C24.3991,220.2067 24.8441,221.3017 24.8901,222.4087"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 171.176, 171.176; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M240.0923,131.0249 L244.6703,126.4459 L244.6703,85.2379 L249.2483,80.6589 L249.2483,76.0809 C248.0763,76.0809 246.9053,75.6329 246.0113,74.7389 C244.2233,72.9509 244.2233,70.0519 246.0113,68.2629 C246.8583,67.4169 247.9513,66.9719 249.0583,66.9259"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 72.932, 72.932; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M244.6709,167.6528 L249.2489,163.0738 L249.2489,126.4438 L267.5639,108.1298 C267.5639,106.9588 268.0109,105.7858 268.9049,104.8918 C270.6939,103.1038 273.5939,103.1038 275.3809,104.8928 C277.1709,106.6808 277.1689,109.5798 275.3809,111.3688 C273.5929,113.1568 270.6939,113.1568 268.9049,111.3688 C268.0579,110.5228 267.6139,109.4288 267.5679,108.3218"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 97.5912, 97.5912; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M258.4083,140.1828 L272.1433,126.4468 L281.3003,126.4468 L285.8793,131.0258 C285.8793,129.8538 286.3243,128.6818 287.2193,127.7878 C289.0083,125.9988 291.9083,125.9988 293.6953,127.7878 C295.4843,129.5758 295.4843,132.4748 293.6953,134.2638 C291.9063,136.0518 289.0083,136.0518 287.2193,134.2638 C286.3733,133.4168 285.9283,132.3228 285.8813,131.2158"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 63.6443, 63.6443; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M244.6704,195.126 L258.4064,181.39 L267.5634,181.39 L276.7194,172.233 L276.7194,158.497 L282.6404,152.577 C281.8104,151.749 281.2974,150.604 281.2974,149.339 C281.2974,146.81 283.3474,144.761 285.8754,144.761 C288.4044,144.761 290.4534,146.811 290.4554,149.34 C290.4534,151.868 288.4044,153.918 285.8754,153.919 C284.6804,153.919 283.5914,153.46 282.7754,152.71"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 92.2239, 92.2239; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M253.8267,195.126 L258.4067,190.548 L267.5637,190.548 L305.5357,152.577 C304.7057,151.749 304.1937,150.604 304.1937,149.339 C304.1937,146.81 306.2427,144.76 308.7717,144.76 C311.3017,144.759 313.3517,146.81 313.3517,149.339 C313.3517,151.867 311.3017,153.917 308.7717,153.917 C307.5767,153.917 306.4867,153.459 305.6707,152.708"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 97.9188, 97.9188; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M262.7954,149.3437 C261.6884,149.3887 260.5944,149.8337 259.7464,150.6797 C257.9594,152.4687 257.9594,155.3677 259.7464,157.1557 C261.5354,158.9447 264.4344,158.9447 266.2234,157.1557 C268.0124,155.3677 268.0124,152.4687 266.2244,150.6797 C265.3284,149.7857 264.1564,149.3387 262.9844,149.3397 L262.9864,149.3397 L272.1434,140.1827 L295.0374,140.1827 L308.7724,126.4467 L308.7724,117.2897 L337.5844,88.4767 C336.7564,87.6477 336.2424,86.5037 336.2424,85.2387 C336.2424,82.7097 338.2934,80.6607 340.8224,80.6607 C343.3524,80.6607 345.4004,82.7107 345.4004,85.2397 C345.4004,87.7677 343.3504,89.8177 340.8224,89.8187 C339.6254,89.8187 338.5374,89.3597 337.7194,88.6087"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 162.349, 162.349; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M244.6705,213.4418 L249.2485,208.8628 L267.5625,208.8628 L290.4575,185.9698 L313.3525,185.9698 L327.0865,172.2338 L336.2445,172.2338 C336.2425,171.0618 336.6895,169.8898 337.5845,168.9958 C339.3735,167.2068 342.2735,167.2078 344.0615,168.9958 C345.8505,170.7838 345.8485,173.6828 344.0615,175.4718 C342.2715,177.2588 339.3735,177.2588 337.5845,175.4708 C336.7385,174.6248 336.2935,173.5298 336.2485,172.4238"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 137.229, 137.229; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M212.8101,181.3867 C213.9161,181.3407 215.0111,180.8947 215.8571,180.0497 C217.6451,178.2607 217.6451,175.3617 215.8571,173.5737 C214.9621,172.6797 213.7921,172.2327 212.6191,172.2327 L212.6201,144.7607 L221.7781,135.6027 L221.7781,121.8667 L217.1981,117.2877 L217.1981,103.5517 L211.2781,97.6317 L211.2811,97.6317 C210.4521,98.4607 209.3071,98.9737 208.0431,98.9737 C205.5141,98.9737 203.4641,96.9237 203.4641,94.3947 C203.4641,91.8657 205.5151,89.8167 208.0431,89.8157 C210.5711,89.8157 212.6211,91.8657 212.6211,94.3947 C212.6211,95.5907 212.1631,96.6797 211.4121,97.4947"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 125.527, 125.527; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M235.5146,213.4418 L244.6706,204.2838 L262.9836,204.2838 L285.8796,181.3898 L308.7716,181.3898 L327.0866,163.0758 L354.5606,163.0758 L368.2956,149.3398 L382.0316,149.3398 C382.0296,148.1688 382.4766,146.9958 383.3716,146.1018 C385.1606,144.3138 388.0606,144.3148 389.8466,146.1018 C391.6356,147.8908 391.6356,150.7888 389.8496,152.5778 C388.0606,154.3648 385.1606,154.3648 383.3716,152.5768 C382.5256,151.7308 382.0806,150.6368 382.0356,149.5298"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 201.653, 201.653; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5693,231.7559 L153.0973,204.2839 L153.0973,163.0759 L111.8893,121.8679 L102.7323,121.8679 L84.4163,103.5529 L61.5233,103.5529 L56.9443,98.9739 L47.7873,98.9739 C47.7873,100.1459 47.3403,101.3179 46.4463,102.2119 C44.6583,104.0009 41.7593,104.0009 39.9703,102.2119 C38.1823,100.4239 38.1823,97.5249 39.9703,95.7369 C41.7593,93.9489 44.6573,93.9489 46.4463,95.7369 C47.2923,96.5829 47.7383,97.6769 47.7833,98.7839"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 240.505, 240.505; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5693,213.4419 L162.2553,195.1269 L162.2553,131.0259 L157.6763,126.4469 L148.5183,126.4469 L134.7823,112.7109 L134.7823,94.3959 L121.0463,80.6589 L121.0463,66.9239 L102.7313,48.6089 L102.7313,39.4519 C101.5593,39.4519 100.3873,39.0059 99.4933,38.1109 C97.7053,36.3229 97.7053,33.4239 99.4933,31.6359 C101.2813,29.8469 104.1803,29.8479 105.9683,31.6359 C107.7563,33.4239 107.7563,36.3229 105.9683,38.1109 C105.1223,38.9569 104.0283,39.4029 102.9213,39.4489"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 240.178, 240.178; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5693,222.5977 L157.6763,199.7047 L157.6763,158.4967 L125.6253,126.4457 L125.6253,117.2887 L119.7053,111.3687 C118.8763,112.1977 117.7323,112.7097 116.4683,112.7097 C113.9393,112.7097 111.8893,110.6597 111.8893,108.1307 C111.8893,105.6017 113.9393,103.5517 116.4683,103.5517 C118.9973,103.5517 121.0473,105.6017 121.0473,108.1307 C121.0473,109.3267 120.5883,110.4157 119.8383,111.2317"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 165.024, 165.024; stroke-dashoffset: 0; display: block;"
          ></path>
        </svg>
      </div>
      <div
        id="circuitree-phase4"
        ref="phase4"
        class="lazy-line"
        style="width: 430px; height: 570px;"
      >
        <svg
          viewBox="0 0 430 570"
          preserveAspectRatio="xMidYMid"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M53.843,235.1247 C54.659,235.8757 55.748,236.3347 56.944,236.3347 C59.473,236.3347 61.523,234.2847 61.523,231.7557 C61.523,229.2267 59.473,227.1767 56.944,227.1767 C54.415,227.1767 52.365,229.2267 52.365,231.7557 C52.365,233.0207 52.878,234.1647 53.706,234.9937 L47.787,240.9127 L29.472,240.9127 L23.552,246.8327 C24.38,247.6607 24.893,248.8057 24.893,250.0707 C24.893,252.5987 22.843,254.6487 20.314,254.6487 C17.786,254.6487 15.736,252.5987 15.736,250.0707 C15.736,247.5417 17.786,245.4917 20.314,245.4917 C21.511,245.4917 22.6,245.9507 23.415,246.7007"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 92.2247, 92.2247; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M99.6323,143.5529 C100.4473,144.3029 101.5373,144.7619 102.7333,144.7619 C105.2613,144.7619 107.3113,142.7119 107.3113,140.1829 C107.3113,137.6539 105.2613,135.6039 102.7333,135.6039 C100.2033,135.6039 98.1533,137.6539 98.1533,140.1829 C98.1533,141.4479 98.6663,142.5919 99.4953,143.4209 L93.5753,149.3399 L61.5243,149.3399 L55.6023,155.2609 C56.4333,156.0889 56.9453,157.2329 56.9453,158.4979 C56.9453,161.0269 54.8953,163.0769 52.3663,163.0769 C49.8373,163.0769 47.7873,161.0269 47.7873,158.4979 C47.7873,155.9689 49.8383,153.9189 52.3663,153.9189 C53.5623,153.9189 54.6513,154.3779 55.4663,155.1279"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 105.965, 105.965; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M79.8413,126.6367 C79.8873,127.7437 80.3333,128.8377 81.1783,129.6837 C82.9673,131.4727 85.8653,131.4727 87.6543,129.6837 C89.4423,127.8957 89.4423,124.9957 87.6543,123.2087 C85.8653,121.4207 82.9663,121.4207 81.1783,123.2087 C80.2843,124.1037 79.8373,125.2747 79.8373,126.4467 L47.7873,126.4467 L47.7883,126.4467 C47.7883,127.6187 47.3413,128.7907 46.4473,129.6847 C44.6593,131.4737 41.7593,131.4737 39.9713,129.6847 C38.1833,127.8967 38.1833,124.9967 39.9713,123.2097 C41.7593,121.4217 44.6583,121.4217 46.4473,123.2097 C47.2933,124.0557 47.7393,125.1507 47.7843,126.2577"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 89.2202, 89.2202; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M149.7283,137.0816 C148.9783,137.8966 148.5193,138.9856 148.5193,140.1816 C148.5193,142.7116 150.5693,144.7606 153.0983,144.7606 C155.6273,144.7606 157.6773,142.7106 157.6773,140.1816 C157.6773,137.6526 155.6273,135.6026 153.0983,135.6026 C151.8343,135.6026 150.6893,136.1156 149.8603,136.9446 L130.2043,117.2886 L130.2043,98.9736 L111.8893,80.6586 L98.1533,80.6586 L73.9193,56.4246 C73.0903,57.2536 71.9463,57.7656 70.6813,57.7656 C68.1523,57.7656 66.1023,55.7156 66.1023,53.1866 C66.1023,50.6576 68.1523,48.6076 70.6803,48.6076 C73.2093,48.6076 75.2593,50.6576 75.2593,53.1866 C75.2593,54.3826 74.8013,55.4716 74.0503,56.2866"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 177.19, 177.19; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M111.8892,98.9736 L98.1522,85.2376 L88.9962,85.2376 L75.2592,71.5016 L61.5232,71.5016 C61.5232,72.6726 61.0752,73.8456 60.1822,74.7386 C58.3942,76.5276 55.4952,76.5276 53.7062,74.7386 C51.9182,72.9506 51.9182,70.0516 53.7062,68.2636 C55.4952,66.4756 58.3932,66.4756 60.1822,68.2636 C61.0282,69.1096 61.4742,70.2036 61.5192,71.3116"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 90.3288, 90.3288; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M148.522,94.5859 C148.568,95.6939 149.013,96.7879 149.859,97.6339 C151.648,99.4219 154.547,99.4219 156.334,97.6339 C158.123,95.8449 158.123,92.9469 156.334,91.1579 C154.546,89.3689 151.647,89.3689 149.859,91.1579 C148.965,92.0519 148.518,93.2239 148.518,94.3959 L125.624,71.5019 L125.624,53.1879 L134.782,44.0299 L134.782,30.2939 C133.61,30.2939 132.438,29.8469 131.544,28.9529 C129.756,27.1649 129.756,24.2659 131.544,22.4779 C133.333,20.6889 136.231,20.6889 138.02,22.4779 C139.808,24.2659 139.808,27.1649 138.02,28.9529 C137.174,29.7989 136.08,30.2439 134.972,30.2899"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 134.547, 134.547; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M180.5732,94.5859 C180.6192,95.6939 181.0642,96.7879 181.9102,97.6339 C183.6992,99.4219 186.5972,99.4219 188.3852,97.6339 C190.1732,95.8449 190.1742,92.9469 188.3852,91.1579 C186.5972,89.3689 183.6982,89.3689 181.9102,91.1579 C181.0162,92.0519 180.5692,93.2239 180.5692,94.3959 L171.4122,85.2379 L171.4122,57.7659 L157.6762,44.0299 L157.6762,34.8719 C156.5042,34.8719 155.3322,34.4259 154.4382,33.5319 C152.6502,31.7429 152.6502,28.8449 154.4382,27.0559 C156.2272,25.2679 159.1252,25.2679 160.9142,27.0559 C162.7022,28.8449 162.7022,31.7429 160.9142,33.5319 C160.0682,34.3779 158.9742,34.8229 157.8662,34.8689"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 126.176, 126.176; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M194.1149,71.5069 C193.0079,71.5519 191.9139,71.9979 191.0679,72.8439 C189.2789,74.6319 189.2789,77.5309 191.0679,79.3189 C192.8559,81.1069 195.7549,81.1079 197.5429,79.3189 C199.3309,77.5309 199.3309,74.6319 197.5429,72.8439 C196.6489,71.9499 195.4769,71.5029 194.3049,71.5029 L194.3049,57.7669 L185.1479,48.6099 L185.1479,44.0309 C183.9759,44.0309 182.8039,43.5839 181.9099,42.6899 C180.1209,40.9019 180.1209,38.0029 181.9099,36.2149 C183.6989,34.4259 186.5969,34.4259 188.3859,36.2149 C190.1739,38.0029 190.1739,40.9009 188.3859,42.6899 C187.5399,43.5359 186.4459,43.9809 185.3379,44.0269"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 88.4328, 88.4328; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M206.562,45.2388 C205.747,44.4888 204.659,44.0298 203.462,44.0298 C200.933,44.0298 198.883,46.0798 198.883,48.6088 C198.883,51.1388 200.933,53.1888 203.462,53.1888 C205.99,53.1888 208.04,51.1388 208.04,48.6098 C208.04,47.3448 207.527,46.1998 206.698,45.3718 L206.696,45.3738 L212.619,39.4518 L212.619,21.1358 C211.447,21.1358 210.275,20.6888 209.381,19.7948 C207.593,18.0068 207.593,15.1078 209.381,13.3198 C211.17,11.5318 214.068,11.5318 215.857,13.3198 C217.645,15.1078 217.645,18.0068 215.857,19.7948 C215.011,20.6408 213.917,21.0868 212.81,21.1318"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 83.8619, 83.8619; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M235.3228,85.2427 C234.2178,85.2887 233.1218,85.7337 232.2748,86.5797 C230.4888,88.3677 230.4888,91.2677 232.2748,93.0547 C234.0638,94.8437 236.9638,94.8437 238.7508,93.0547 C240.5398,91.2667 240.5398,88.3677 238.7508,86.5797 C237.8568,85.6847 236.6858,85.2387 235.5148,85.2377 L235.5148,62.3437 L253.8268,44.0297 L253.8268,34.8717 L249.2488,30.2937 L249.2488,11.9787 C248.0788,11.9787 246.9068,11.5327 246.0128,10.6377 C244.2238,8.8497 244.2238,5.9507 246.0128,4.1627 C247.8018,2.3737 250.7018,2.3747 252.4908,4.1627 C254.2768,5.9507 254.2768,8.8507 252.4908,10.6377 C251.6418,11.4837 250.5498,11.9287 249.4408,11.9747"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 139.907, 139.907; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M249.5455,76.0716 C250.6175,76.0026 251.6685,75.5586 252.4885,74.7396 C254.2755,72.9516 254.2755,70.0526 252.4885,68.2636 C251.5945,67.3696 250.4225,66.9236 249.2485,66.9236 L249.2505,57.7656 L258.4085,48.6086 L258.4085,25.7156 L268.9065,15.2156 C268.0785,14.3876 267.5635,13.2426 267.5635,11.9786 C267.5645,9.4486 269.6135,7.3996 272.1435,7.3996 C274.6725,7.3986 276.7215,9.4496 276.7225,11.9786 C276.7215,14.5076 274.6725,16.5576 272.1435,16.5576 C270.9455,16.5576 269.8555,16.0986 269.0415,15.3486"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 102.529, 102.529; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M253.638,94.3988 C252.53,94.4438 251.436,94.8898 250.588,95.7358 C248.803,97.5248 248.803,100.4228 250.588,102.2118 C252.377,103.9998 255.28,104.0008 257.066,102.2118 C258.854,100.4228 258.854,97.5248 257.067,95.7358 C256.174,94.8418 255.001,94.3958 253.829,94.3958 L253.831,85.2378 L272.144,66.9238 L272.144,39.4518 L287.221,24.3748 C286.392,23.5458 285.877,22.4018 285.877,21.1368 C285.879,18.6068 287.929,16.5578 290.458,16.5578 C292.987,16.5578 295.036,18.6078 295.036,21.1368 C295.036,23.6658 292.985,25.7158 290.458,25.7158 C289.259,25.7158 288.17,25.2568 287.356,24.5068"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 141.024, 141.024; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M327.0866,135.4126 C327.0396,134.3056 326.5946,133.2116 325.7486,132.3656 C323.9596,130.5786 321.0606,130.5786 319.2736,132.3656 C317.4846,134.1546 317.4846,137.0526 319.2736,138.8416 C321.0606,140.6296 323.9596,140.6296 325.7486,138.8416 C326.6426,137.9476 327.0906,136.7746 327.0886,135.6026 L340.8266,135.6026 L349.9826,126.4446 L349.9826,103.5516 L355.9026,97.6316 C355.0746,96.8036 354.5606,95.6576 354.5606,94.3936 C354.5606,91.8646 356.6116,89.8156 359.1376,89.8156 C361.6666,89.8146 363.7176,91.8656 363.7176,94.3946 C363.7176,96.9236 361.6666,98.9736 359.1376,98.9736 C357.9396,98.9736 356.8516,98.5146 356.0376,97.7646"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 115.12, 115.12; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M312.0079,146.106 L313.3539,144.761 L340.8269,144.761 L359.1389,126.446 L359.1389,121.868 L369.6349,111.369 C368.8089,110.541 368.2939,109.396 368.2939,108.131 C368.2949,105.602 370.3439,103.553 372.8739,103.553 C375.4029,103.552 377.4519,105.603 377.4519,108.132 C377.4519,110.66 375.4009,112.71 372.8739,112.71 C371.6739,112.71 370.5869,112.251 369.7739,111.501"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 103.28, 103.28; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M307.2935,164.2856 C306.4795,163.5356 305.3915,163.0766 304.1915,163.0766 C301.6645,163.0766 299.6135,165.1266 299.6135,167.6556 C299.6135,170.1846 301.6645,172.2356 304.1915,172.2346 C306.7195,172.2346 308.7725,170.1856 308.7735,167.6566 C308.7735,166.3916 308.2565,165.2466 307.4285,164.4186 L317.9265,153.9186 L349.9815,153.9186 L374.2135,129.6836 L374.2155,129.6836 C373.3855,128.8556 372.8715,127.7106 372.8715,126.4456 C372.8715,123.9166 374.9225,121.8666 377.4515,121.8676 C379.9815,121.8676 382.0295,123.9166 382.0295,126.4466 C382.0295,128.9746 379.9815,131.0246 377.4515,131.0256 C376.2545,131.0256 375.1665,130.5676 374.3505,129.8166"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 138.349, 138.349; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M298.1372,196.3359 C297.3232,195.5849 296.2342,195.1259 295.0352,195.1259 C292.5082,195.1259 290.4572,197.1769 290.4572,199.7049 C290.4572,202.2339 292.5062,204.2839 295.0352,204.2839 C297.5642,204.2839 299.6162,202.2349 299.6162,199.7059 C299.6162,198.4409 299.1022,197.2959 298.2722,196.4679 L304.1922,190.5489 L327.0862,190.5489 L331.6642,195.1269 L349.9812,195.1269 L368.2912,176.8129 L382.0282,176.8129 L382.0302,176.8129 C382.0282,175.6409 382.4752,174.4679 383.3692,173.5739 C385.1582,171.7859 388.0592,171.7859 389.8442,173.5739 C391.6332,175.3619 391.6332,178.2609 389.8482,180.0499 C388.0592,181.8369 385.1582,181.8369 383.3692,180.0489 C382.5242,179.2029 382.0782,178.1089 382.0332,177.0019"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 152.865, 152.865; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M327.0845,199.5138 C327.0375,198.4068 326.5925,197.3128 325.7445,196.4668 C323.9575,194.6788 321.0595,194.6788 319.2715,196.4668 C317.4825,198.2558 317.4805,201.1548 319.2715,202.9428 C321.0595,204.7318 323.9575,204.7318 325.7445,202.9438 C326.6415,202.0488 327.0865,200.8768 327.0865,199.7048 L363.7175,199.7048 L374.2155,210.2038 C375.0435,209.3748 376.1895,208.8618 377.4535,208.8618 C379.9825,208.8618 382.0315,210.9118 382.0315,213.4408 C382.0315,215.9698 379.9825,218.0198 377.4515,218.0198 C374.9245,218.0198 372.8735,215.9698 372.8735,213.4408 C372.8735,212.2438 373.3325,211.1558 374.0825,210.3398"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 108.647, 108.647; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M275.245,86.4458 C274.428,85.6958 273.34,85.2368 272.143,85.2368 C269.614,85.2368 267.565,87.2868 267.565,89.8158 C267.565,92.3448 269.614,94.3948 272.143,94.3948 C274.672,94.3948 276.722,92.3448 276.722,89.8168 C276.722,88.5518 276.209,87.4068 275.381,86.5788 L285.879,76.0818 L285.879,66.9238 L304.194,48.6088 L313.352,48.6088 C313.35,47.4368 313.795,46.2648 314.69,45.3708 C316.481,43.5818 319.379,43.5818 321.167,45.3708 C322.956,47.1578 322.956,50.0578 321.167,51.8458 C319.377,53.6338 316.481,53.6338 314.69,51.8458 C313.844,50.9998 313.399,49.9058 313.354,48.7988"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 116.232, 116.232; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M139.3613,172.2329 L139.3613,158.4969 L107.3103,126.4459 L98.1523,126.4459 L88.9963,135.6039 C90.1683,135.6039 91.3403,136.0509 92.2343,136.9449 C94.0223,138.7329 94.0223,141.6319 92.2343,143.4199 C90.4463,145.2079 87.5473,145.2079 85.7593,143.4199 C83.9703,141.6319 83.9703,138.7329 85.7593,136.9449 C86.6053,136.0989 87.6993,135.6539 88.8063,135.6079"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 109.753, 109.753; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M207.8495,126.4511 C206.7405,126.4961 205.6465,126.9421 204.8015,127.7881 C203.0125,129.5761 203.0135,132.4751 204.8015,134.2631 C206.5885,136.0521 209.4885,136.0521 211.2775,134.2631 C213.0635,132.4761 213.0635,129.5761 211.2775,127.7881 C210.3825,126.8941 209.2105,126.4471 208.0395,126.4471 L208.0395,112.7111 L198.8815,103.5541 L198.8815,85.2391 L203.4605,80.6601 L203.4605,62.3451 L230.9335,34.8721 L230.9335,11.9801 C229.7615,11.9801 228.5905,11.5341 227.6955,10.6391 C225.9085,8.8521 225.9085,5.9521 227.6955,4.1631 C229.4835,2.3751 232.3845,2.3761 234.1725,4.1631 C235.9595,5.9521 235.9595,8.8511 234.1725,10.6391 C233.3265,11.4851 232.2305,11.9301 231.1235,11.9761"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 188.706, 188.706; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M258.4067,131.0249 L272.1417,117.2889 L281.2997,117.2889 L299.6137,98.9739 L299.6137,89.8169 L313.3497,76.0809 L317.9267,76.0809 C317.9267,74.9089 318.3717,73.7359 319.2697,72.8419 C321.0547,71.0539 323.9557,71.0539 325.7447,72.8419 C327.5337,74.6299 327.5337,77.5289 325.7447,79.3179 C323.9557,81.1049 321.0567,81.1049 319.2697,79.3169 C318.4207,78.4709 317.9787,77.3769 317.9277,76.2699"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 116.23, 116.23; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M85.626,192.0259 C84.876,192.8409 84.417,193.9299 84.417,195.1259 C84.417,197.6549 86.467,199.7049 88.996,199.7049 C91.525,199.7049 93.575,197.6549 93.575,195.1259 C93.575,192.5979 91.525,190.5479 88.996,190.5479 C87.731,190.5479 86.587,191.0599 85.758,191.8889 L85.76,191.8909 L79.838,185.9689 L66.102,185.9689 L55.604,175.4699 C54.775,176.2989 53.63,176.8109 52.366,176.8109 C49.838,176.8109 47.787,174.7609 47.787,172.2319 C47.787,169.7029 49.837,167.6529 52.366,167.6529 C54.895,167.6529 56.945,169.7029 56.945,172.2319 C56.945,173.4289 56.487,174.5169 55.736,175.3319"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 94.1282, 94.1282; stroke-dashoffset: 0; display: block;"
          ></path>
          <path
            d="M274.1626,264.6118 L281.3016,257.6118 L281.3016,240.9128 C280.1296,240.9128 278.9576,240.4658 278.0636,239.5718 C276.2776,237.7848 276.2756,234.8848 278.0646,233.0968 C279.8516,231.3078 282.7526,231.3078 284.5416,233.0968 C286.3286,234.8848 286.3286,237.7838 284.5416,239.5728 C283.6956,240.4178 282.6006,240.8638 281.4926,240.9088"
            stroke="#8cc448"
            fill-opacity="0"
            stroke-opacity="1"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            arrow-end="none"
            markerwidth="4"
            markerheight="3"
            orient="auto"
            style="stroke-dasharray: 55.2829, 55.2829; stroke-dashoffset: 0; display: block;"
          ></path>
        </svg>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, onMounted, ref } from "vue";
import Card1 from "@/components/css/Card1.vue";
export default defineComponent({
  components: {
    Card1,
  },
  setup() {
    const phase1 = ref<HTMLElement>();
    const phase2 = ref<HTMLElement>();
    const phase3 = ref<HTMLElement>();
    const phase4 = ref<HTMLElement>();
    const container = ref<HTMLElement>();

    function clear(): void {
      if (container.value) {
        const paths = container.value.querySelectorAll("path");
        for (const path of paths) {
          path.style.transition = path.style.webkitTransition = "none";
          path.style.strokeDasharray = 0 + " " + 10000;
          path.style.strokeDashoffset = length + "";
        }
      }
    }

    function drawSvg(path: SVGPathElement): void {
      //获取path画出线条的总长度
      const length = path.getTotalLength();
      // 清除之前的动作
      path.style.transition = path.style.webkitTransition = "none";
      // 设置起始点
      path.style.strokeDasharray = length + " " + length;
      path.style.strokeDashoffset = length + "";
      // 获取path的边界矩形的位置 获取一个区域，获取相关的样式，让浏览器寻找一个起始点。
      path.getBoundingClientRect();
      // 定义动作
      path.style.transition = path.style.webkitTransition =
        "stroke-dashoffset 0.8s linear";
      // Go!
      path.style.strokeDashoffset = "0";
    }

    function drawByPhase(phase: HTMLElement): void {
      const pathArray = phase.querySelectorAll("path");
      for (let i = 0; i < pathArray.length; i++) {
        drawSvg(pathArray[i]);
      }
    }

    function createTree(): void {
      clear();
      drawByPhase(phase1.value as HTMLElement);
      setTimeout(() => {
        drawByPhase(phase2.value as HTMLElement);
      }, 800);
      setTimeout(() => {
        drawByPhase(phase3.value as HTMLElement);
      }, 1600);
      setTimeout(() => {
        drawByPhase(phase4.value as HTMLElement);
      }, 2400);
    }

    onMounted(() => {
      createTree();
    });

    return { phase1, phase2, phase3, phase4, container, createTree };
  },
});
</script>
<style lang="scss" scoped>
.worldTree {
  position: relative;
  .bt {
    position: absolute;
    top: 50%;
    right: --7.5rem;
  }
  .welcomeMat {
    position: absolute;
    top: 0;
    left: 0;
    width: 21.5rem;
    height: 28.5rem;
  }

  #circuitree-phase1 {
    position: absolute;
  }

  #circuitree-phase2 {
    position: absolute;
  }

  #circuitree-phase3 {
    position: absolute;
  }

  #circuitree-phase4 {
    position: absolute;
  }
}
</style>
